<template>
    <div class='pop-wrapper'>
        <div class="pop-box">
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {}
};
</script>

<style lang='scss' scoped>
@import "../../assets/scss/common.scss";
.pop-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
}
.pop-mask {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.pop-box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 2px 2px 4px #ddd;
}
</style>
